* {
    margin: 0;
    padding: 0;
    user-select: none;
}

body, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, table, tr, th, td, p, dl, dt, dd, ul, ol, li, span {
    font-family: 'Microsoft YaHei'!important;
    font-weight: normal
}

ul, ol, li {
    list-style: none
}

ol li {
    opacity: 1
}

li {
    margin-bottom: 6.67pt;
    font-family: OPPOSans_OS_Regular_1.4;
    font-size: 0.7rem;
    color: rgba(0,0,0,.55);
    letter-spacing: 0;
    line-height: 1.15rem
}

li:last-child{
    margin-bottom: 0;
}

ul{
    margin-bottom: 1.2rem;
}

body {
    margin: 8px 0;
    padding: 24px 0 30px;
    background: #fff;
}

h1 {
    width: 100%;
    text-align: center;
    margin-bottom: 32pt
}

h1 img {
    width: 2.23rem;
    height: 2.23rem
}

h2 {
    font-size: 22.0px;
    font-weight: bolder;
    text-align: center;
    margin-bottom: 9px
}

h3 {
    display: block;
    margin: 30pt 0 10pt;
    font-family: ColorFont-Medium;
    font-weight: bold;
    font-size: 0.9rem;
    color: #000;
    letter-spacing: 0;
    line-height: 1.15rem
}

h4 {
    font-family: OPPOSans_OS_Medium_1.4;
    font-size: 0.7rem;
    color: #000;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.15rem;
    margin: 0.5rem 0;
}

#main {
    padding: 0 24pt;
    text-align: justify;
    word-break: break-all
}

#footer {
    font-size: 12.0;
    position: relative;
    color: #53595D
}

#footer p {
    margin-bottom: 14pt
}

/*媒体查询*/

@media only screen and (max-width: 349px ) {
    html {
        font-size: 16.5px;
    }

}

@media only screen and (min-width: 321px) {
    html {
        font-size: 17px;
    }
}

@media only screen and (min-width: 350px) {
    html {
        font-size: 20px;
    }
}

@media only screen and (min-width: 400px) {
    html {
        font-size: 21.33px;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 22.8px;
    }
}

@media only screen and (min-width: 480px) {
    html {
        font-size: 25.6px;
    }
}

@media only screen and (min-width: 700px) {
    html {
        font-size: 30px;
    }
}

table, p {
    margin-bottom: 0.9rem;
    font-family: OPPOSans_OS_Regular_1.4;
    font-size: 0.7rem;
    color: rgba(0,0,0,.55);
    letter-spacing: 0;
    line-height: 1.15rem;
}

.tv table, .tv p {
    margin-bottom: 0.3rem;
}

.tv ul {
    margin-bottom: 0.3rem;
}

h3~p{
    margin: 0;
}
.strong {
    font-weight: bold;
    font-family: OPPOSans_OS_Medium_1.4;
    font-size: 0.7rem;
    color: #000;
    letter-spacing: 0;
    line-height: 1.15rem;
}

.link {
    color: #007AFF;
    text-decoration: none;
    word-break: break-all
}

.ht-night-app-wrap body {
    background: #000
}

.ht-night-app-wrap *, .ht-night-app-wrap a {
    color: #fff
}

.catalog li a {
    color: #000
}

.catalog p, .catalog li {
    margin-bottom: 6.67pt
}

.tv body {
    background: linear-gradient(90deg, #080E17, #101A2B);
    box-sizing: border-box;
    padding: 0 1rem
}

.tv a, .tv p, .tv li, .tv .catalog li a, .tv table {
    color: rgba(255, 255, 255, .6);
    opacity: 1
}

.tv h1 {
    display: none
}

.tv h3, .tv h4 {
    color: rgba(255, 255, 255, .8)!important;
    margin: 0.1rem;
}

.tv #header h2 {
    font-size: .28rem;
    line-height: .375rem;
    margin-top: .625rem;
    color: rgb(255, 255, 255)
}

.tv #main {
    padding: 0
}

.tv #main h3 {
    font-size: .1875rem;
    line-height: .25rem;
    margin-bottom: .156rem;
    color: rgba(255, 255, 255, .8)
}

.tv #main p, .tv #main li, .tv #main p, .tv #main table, .tv h4 {
    font-size: .156rem;
    line-height: .281rem;
    color: rgba(255, 255, 255, .6)
}

.tv #footer {
    text-align: right;
    margin-bottom: .625rem
}

.mask {
    display: block;
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #080E17, #101A2B)
}

.ht-night-app-wrap table,
.ht-night-app-wrap p,
.ht-night-app-wrap li{
    color:rgba(255, 255, 255, .55)!important;
}